import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import { store } from "./store";
import "element-plus/dist/index.css";
import ElementPlus from "element-plus";
import { MotionPlugin } from "@vueuse/motion";
import useGlobal from "./myUtils/useGlobal";
import * as ElementPlusIconsVue from "@element-plus/icons-vue";

// 引入重置样式
// import "./style/reset.scss";
// 导入公共样式
import "./style/index.scss";
import "./style/tailwind.css";

const app = createApp(App);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}
app.use(router);
app.use(store);
app.use(ElementPlus);
app.use(MotionPlugin);

app.use(useGlobal);
app.mount("#app");
